.modal{
  border-radius: 5px;
  position: fixed;
  z-index: 11;
  top: 36%;
  left: 15%;
  max-width: 70%;
  min-height: (80vw/10.8);
  height: auto;
  background-color: white;
}


.my-modal-view{
  border-radius: 5px;
  .my-modal{
    text-align: center;
    position: fixed;
    z-index: 11;
    top: 50%;
    left: 50%;
    width: 74%;
    transform: translate(-50%,-50%);
    height: auto;
    color: #444;
    background-color: white;
  }

  .filter-0{
    position: fixed;
    z-index: 10;
    width: 100%;
    height: 100%;
    background-color:transparent;
    opacity:0;
  }
  .filter{
    position: fixed;
    z-index: 10;
    width: 100%;
    height: 100%;
    background-color: grey;
    opacity:.5;
  }
  .modal-title{
    width: 100%;
    height: 11.7vw;
    padding-top: 3vw;
    padding-bottom: 4.2vw;
    font-size: 4.5vw;
    line-height: normal;
  }

  .modal-line{
    height: 10.3vw;
    padding-top: 2.5vw;
    padding-bottom: 3.6vw;
    color: #636363;
    line-height: normal;
    font-size: 4.2vw;
    //border-bottom: 1px solid #EEEEEE;
  }

}